<template>
  <div class="box">
    <div class="one">
      <div class="ONE">
        <div class="money1">
          <p>总提现金额：14077元</p>
          <p>用户提现金额：3275元</p>
          <p>店铺提现金额：17352元</p>
        </div>
        <div class="skip1">
          <p><router-link to ="/withdrawManage">提现管理</router-link></p>
          <p><router-link to ="/platformExpend">平台支出明细</router-link></p>
        </div>
      </div>
    </div>
    <div class="two">
    <div class="TWO">
      <div class="money2">
        <p>平台总收益：3304元</p>
        <p>店铺订单收益：1564元</p>
        <p>素材收益：500元</p>
        <p>素材抽佣收益：500元</p>
        <p>店铺权益收益：740元</p>
      </div>
      <div class="skip2">
        <p><router-link to ="/platformIncome">平台收入明细</router-link></p>
      </div>
    </div>

    </div>
    <div class="three">
    <div class=THREE>
      <div class="money3">
        <p>待审核店铺：5家</p>
        <p>店铺数量：5家</p>
        <p>共享店铺数量：3家</p>
      </div>
      <div class="skip3">
        <p><router-link to ="/storeCheck">开店审核</router-link></p>
        <p><router-link to ="/storeList">管理店铺</router-link></p>
      </div>
    </div>
    </div>
    <div class="four">
    <div class="FOUR">
      <div class="money4">
        <p>订单数量：2171单</p>
        <p>订单总金额：40151元</p>
        <p>退款/售后率：40.8%</p>
        <p>确认退款率：61.2%</p>
      </div>
      <div class="skip4">
        <p><router-link to ="/orderList">查看订单</router-link></p>
      </div>
    </div>
    </div>
    <div class="five">
    <div class="FIVE">
      <div class="money5">
        <p>优惠券发放数量：820张</p>
        <p>优惠券发放金额：771元</p>
      </div>
      <div class="skip5">
        <p><router-link to ="/generalCoupon">优惠券管理</router-link></p>
      </div>
    </div>
    </div>
    <div class="six">
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content:center
}
.box div {
  flex: 50%;
}

.one .ONE {
  overflow: hidden;
  margin-left: 150px;
  width: 300px;
  height: 170px;
  border:1px solid black;
  margin-bottom: 30px;
}

.one .ONE .money1 {
  margin-top:30px;
  margin-left: 10px;
  float: left;
}

.one .ONE .skip1 {
  float: right;
  margin-top:45px;
  margin-right: 10px;
}

.two .TWO {
  overflow: hidden;
  margin-left: 150px;
  width: 300px;
  height: 170px;
  border:1px solid black;
}

.two .TWO .money2 {
  margin-left: 10px;
  margin-top: -7px;
  float: left;
}

.two .TWO .skip2 {
  margin-top:61px;
  margin-right: 10px;
  float: right;
}

.three .THREE {
   margin-left: 150px;
  width: 300px;
  height: 170px;
  border:1px solid black;
  margin-bottom: 30px;
}

.three .THREE .money3 {
  margin-left: 10px;
  margin-top: 27px;
  float: left;
}

.three .THREE .skip3 {
 float: right;
  margin-top:45px;
  margin-right: 40px;
}

.four .FOUR{
  margin-left: 150px;
  width: 300px;
  height: 170px;
  border:1px solid black;
}

.four .FOUR .money4 {
  margin-top:10px;
  margin-left: 10px;
  float: left;
}

.four .FOUR .skip4 {
  margin-top:61px;
  margin-right: 40px;
  float: right;
}

.five .FIVE{
  margin-left: 150px;
  width: 300px;
  height: 170px;
  border:1px solid black;
}

.five .FIVE .money5 {
  margin-top:45px;
  margin-left: 10px;
  float: left;
}

.five .FIVE .skip5 {
  margin-top:61px;
  margin-right: 20px;
  float: right;
}

</style>
